<!DOCTYPE html>

<html>
<head>
  <title>Password Mojo</title>
  <link href="main.css" rel="stylesheet" type="text/css">
  <link href="popup.css" rel="stylesheet" type="text/css">
  <script src="popup.js"></script>
</head>

<body id="mainbody">
<span id="toparea" class="top-area" dropzone="true">
<img id="closebox" class='closebox' src='close_button.png'>
<table>
  <tr class="h2padding">
  <td><img src='icon96.png' class='icon'></td>
  <td><span class="h2 h2padding">Password Mojo (Beta)</span><br/>
      <span id="domain" class='main_domain'></span></td></tr>
</table>
</span>

<div>
<span id="message_default" class='main_message_area'> Click, then drag/drop a password from below:</span>
<span id="message_needswebsite" class='main_message_area' hidden>
This extension is used to consistently create passwords based on the site being used.
It only works on actual web pages. <br/><br/>
 </span>

<span id="message_needssetup" class='main_message_area' hidden>
  This extension needs some basic setup before it will work properly.<br/><br/>
  <br/><br/>
  Click Settings below for more info.<br/><br/>
</span>
</div>

<div id="passwordlist-div" class="passwordliststyle">
  <table id="passwordlist-table" class="password-table">

  </table>
</div>
<button id="settings" type="button"><img src='settings_icon.png' class='buttonicon'/>Settings...</button>

<span hidden>
  <!-- data to localize that's used by the jscript -->
  <input id="domainWarningMessageId" value='<i>Chrome Internal Page</i>'>
  <input id="easyPasswordMessageId" value='<i>Low security password</i>'>

</span>

</body>
</html>
